<!doctype html>
<html lang="zh-CN">
<head>
<link rel="dns-prefetch" id="domain" href="${rc.contextPath}">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta charset="utf-8" name="viewport" content="width=device-width; initial-scale=1.0">
<title>离线销售 v1.1-迈小众</title>
<link href="${rc.contextPath}/res/css/offline.css" rel="stylesheet">
<link href="${rc.contextPath}/res/js/bootstrap-3.3.5/bootstrap.min.css" rel="stylesheet">
<link href="${rc.contextPath}/res/js/bootstrap-3.3.5/bootstrap-theme.min.css" rel="stylesheet">
<style>
.feignhide{width:0px;height:0px;padding:0px;margin:0px;border:0px;}/* 假装隐藏 *//* (兼容)使表单中隐藏的submit按钮发挥回车事件*/
.panel-primary > .panel-heading {
    background-image: linear-gradient(to bottom, #13AFE8 0px, #13AFE8 100%);
    background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
    color: #FFF;
    background-color: #13AFE8;
    border-color: #13AFE8;
}
.panel-primary > .panel-heading a {
    color: #FFF;
}
.panel-primary > .panel-heading .dropdown-menu > li > a {
    color: #333;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}
.nav-tabs {
    border-bottom: 0px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #54C6F1;
}
.filter.dropdown-menu {
    margin-top:35px;width:700px;font-size:14px;
}
.filter.dropdown-menu > li > a {
    padding: 6px 20px;
}
.form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
    font-size: 40px;
}
.label-free {
	padding: 0.6em 0.3em;font-weight: normal;font-size: 14px;
}
.form-group-lg .form-control-static {
    min-height: 38px;
    font-size: 50px;
    padding: 0px 16px;
    line-height: 60px;
    height: 60px;
}
.logo {
    display: block;
    background-image: url("${rc.contextPath}/res/images/logo-w.png");
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    height: 60px;
}
.logo p {
	margin:0px;
}
a:hover {
    background-color: #54C6F1;
    text-decoration: none;
}
a.back {
    float: right;
    display: block;
    height: 60px;
    background-image: url("${rc.contextPath}/res/images/icon-back.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 40px;
    line-height: 60px;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
}
.loading {
    background-image: url("${rc.contextPath}/res/images/ico_loading_08.gif");
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    height: 40px;
    width: 40px;
}
</style>
</head>

<body style="background-image: url('${rc.contextPath}/res/images/bg-cs.jpg');">
<div class="container-fluid">
	<div class="panel panel-primary" style="border:0px;overflow: hidden;width:100%;background-color:transparent;position: fixed;left: 0px;top: 0px;z-index: 99;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);height: 500px;">
	  <div class="panel-heading" style="height: 60px;padding: 0px;border:0px;">
	  	<div class="col-lg-offset-1 col-lg-10">
	  		<div class="logo col-lg-3 col-sm-4 col-xs-5">
	  			<div style="margin:8px 0px 0px 80px;">
	  				<p>线下销售：<a href="http://localhost">离线</a></p>
	  				<p style="margin-top:5px;">${version.storeName}</p>
	  			</div>
	  		</div>
	  		<div class="col-lg-7 col-sm-7 col-xs-6" style="margin-top:20px;padding:0px;">
		  		<ul id="saletabs" class="nav nav-tabs">
				</ul>
	  		</div>
	  		<div class="col-lg-2 col-sm-1 col-xs-1">
	  			<a href="http://www.51mxz.com/order/list" class="back"><span class="visible-lg-* hidden-md hidden-sm hidden-xs" >返回管理中心</span></a>
	  		</div>
	  	</div>
	  </div>
	  <div class="panel-body col-lg-offset-1 col-lg-10" style="background-color: #FFF;padding-bottom: 0px;">
	  	<div class="row">
	  		<div class="col-sm-7">
	  			<div class="col-sm-7 col-xs-6">
	  			<form id="codeForm" autocomplete="off">
	  			<div class="input-group">
	  			  <div class="input-group-btn">
			        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span id="saleTypeLabel" data-key="F3">出售</span><span class="caret" style="margin-left:5px;"></span></button>
			        <ul class="dropdown-menu">
			          <li><a id="saleTypes_0">出售</a></li>
			          <li><a id="saleTypes_1">赠送</a></li>
			        </ul>
			      </div>
			      <div class="dropdown">
					  <input id="code" type="text" value="" placeholder="输入商品条码" class="form-control" aria-haspopup="true" aria-expanded="true">
				  	  <ul id="filterList" class="filter dropdown-menu" aria-labelledby="code">
					    <li id="filterItems_-{index}-"><a><div class="row">
					    	<div class="col-sm-3"><strong>-{barCode}-</strong></div>
					    	<div class="col-sm-7"><strong>-{name}-</strong></div>
					    	<div class="col-sm-2"><strong>-{price}-</strong></div>
					    </div>
					    </a></li>
					  </ul>
				  </div>
				  <span class="input-group-btn">
			        <button id="manualBt_0" class="btn btn-success" type="button" data-key="Enter">确定</button>
			        <input id="manualBt_1" type="submit" onclick="return false;" class="feignhide"><!-- 实现回车提交 -->
			      </span>
				</div>
				</form>
				</div>
				<div class="col-sm-5 col-xs-6" style="padding: 0px;">
				<div class="btn-group" role="group">
				  <button id="settleBt" type="button" class="btn btn-success" data-key="F4">结算</button>
				  <button id="putupBt" type="button" class="btn btn-success" data-key="F10">挂起</button>
				  <button id="delBt" type="button" class="btn btn-success" data-key="Del">删除</button>
				</div>
				</div>
			</div>
			<div class="col-sm-5" style="text-align:right;">
				<div class="col-sm-5 col-xs-6" style="padding: 10px 10px 11px 0px;"><span data-key="F6：">营业员：</span><a data-toggle="modal" data-target="#loginModal">${member.realName!member.name}</a></div>
				<div class="col-sm-7 col-xs-6" style="margin:0px;line-height: 33px;height:33px;font-size: inherit;padding-right: 15px;">订单金额: <strong id="totalMoney" style="color:#f00;font-size:24px;">00.00</strong></div>
			</div>
	  	</div>
	  	<div class="row" style="padding: 15px 15px 0px;">
	  		<table id="listTitle" class="table table-condensed table-bordered" style="margin-bottom:0px;">
		      <col width="40" />
		      <col class="hidden-xs" width="150" />
		      <col width="auto" />
		      <col width="100" />
		      <col width="85" />
		      <col class="hidden-xs" width="90" />
		      <col width="60" />
		      <tr class="success" style="height:40px;">
		        <th>#</th>
		        <th class="hidden-xs">商品条码</th>
		        <th>商品名称</th>
		        <th>单价（元）</th>
		        <th>数量</th>
		        <th class="hidden-xs">小计（元）</th>
		        <th>操作</th>
		      </tr>
		    </table>
	  	</div>
	  </div>
	</div>
	<div class="row" style="padding-top:171px;">
	<div class="col-lg-offset-1 col-lg-10" style="background-color: #FFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);border-radius: 4px;padding-bottom:1px;">
		<form id="goodsesForm">
  		<input type="hidden" id="serialCode" name="serialCode" value="">
		<table id="goodslist" class="table table-condensed table-bordered">
	        <col width="40" />
	        <col class="hidden-xs" width="150" />
	        <col width="auto" />
	        <col width="100" />
	        <col width="85" />
	        <col class="hidden-xs" width="90" />
	        <col width="60" />
	      <tbody style="display:none;">
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="saleGoodsId_-{id}-" type="hidden" value="-{saleGoodsId}-">
	      		<input id="storeGoodsId_-{id}-" type="hidden" value="-{storeGoodsId}-">
	      		<input id="saleType_-{id}-" type="hidden" value="-{type}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td class="name">
	        	-{typeLabel}-
	        	<span id="tname_-{id}-" >-{name}-</span>
	        </td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" data-key="↓ + d">删除</a></td>
	      </tr>
	      </tbody>
	    </table>
	    </form>
	</div>
	</div>
	
	<!-- Modals -->
	<div class="modal" id="subtotalModal" tabindex="-1" role="dialog" aria-labelledby="subtotalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <form id="subtotalForm" autocomplete="off" class="form-horizontal">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="subtotalLabel">填写金额</h4>
	      </div>
	      <div class="modal-body">
	        <div class="form-group">
	          <label for="subtotal" class="control-label col-sm-3">金额：</label>
	          <div class="input-group col-sm-7">
	          <input id="subtotal" name="subtotal" value="" type="text" class="form-control">
	          <div class="input-group-addon">元</div>
	          </div>
	        </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal" data-key="Esc">取消</button>
	        <button id="subtotalBt_0" type="button" class="btn btn-success" data-key="Enter">确定</button>
	        <input id="subtotalBt_1" type="submit" onclick="return false;" class="feignhide"><!-- 实现回车提交 -->
	      </div>
	      </form>
	    </div>
	  </div>
	</div>
	<div class="modal" id="loginModal" role="dialog" aria-labelledby="loginLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="loginLabel">营业员登录</h4>
	      </div>
	      <div class="modal-body">
	      	<form class="form-horizontal">
	          <div class="form-group">
	            <label for="recipient-name" class="control-label col-sm-3">编号：</label>
	            <div class="col-sm-7">
	            <input type="text" class="form-control" id="recipient-name">
	            </div>
	          </div>
	          <div class="form-group">
	            <label for="recipient-pwd" class="control-label col-sm-3">口令：</label>
	            <div class="col-sm-7">
	            <input type="text" class="form-control" id="recipient-pwd">
	            </div>
	          </div>
	        </form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal" data-key="Esc">取消</button>
	        <button type="button" class="btn btn-success" data-key="Enter">确定</button>
	      </div>
	    </div>
	  </div>
	</div>
	<div class="modal" id="settleModal" role="dialog" aria-labelledby="settleLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <form id="settleForm" class="form-horizontal">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="settleLabel">结算</h4>
	      </div>
	      <div class="modal-body">
	          <div class="form-group form-group-lg">
	            <label for="recipient-name" class="control-label col-sm-5">应收：</label>
	            <div class="col-sm-6" style="padding-top: 14.33px;color:red;">
	            	<p id="totalMoney4Settle" class="form-control-static">00.00</p>
	            </div>
	          </div>
	          <div class="form-group form-group-lg">
	            <label for="received" class="control-label col-sm-5">现收：</label>
	            <div class="col-sm-6" style="padding-top: 14.33px;">
	            <input id="received" type="text" name="received" value="" autocomplete="off" maxlength="7" class="form-control" style="margin-top: 5px;">
	            <input id="returned" type="hidden" name="returned" value="">
	            </div>
	          </div>
	          <div class="form-group form-group-lg">
	            <label for="recipient-pwd" class="control-label col-sm-5">找零：</label>
	            <div class="col-sm-6" style="padding-top: 14.33px;">
	            	<p id="treturned" class="form-control-static">00.00</p>
	            </div>
	          </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal" data-key="Esc">取消</button>
	        <button id="finishBt_0" type="button" class="btn btn-success" data-key="Enter">确定</button>
	        <input type="submit" id="finishBt_1" onclick="return false;" class="feignhide"><!-- 实现回车提交 -->
	      </div> 
	      </form>
	    </div>
	  </div>
	</div>
	<div class="modal" id="changeModal" role="dialog" aria-labelledby="changeLabel" >
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="changeLabel">找零</h4>
	      </div>
	      <div class="modal-body">
	      	<form class="form-horizontal">
	          <div class="form-group form-group-lg">
	            <label for="recipient-pwd" class="control-label col-sm-5">找零：</label>
	            <div class="col-sm-6" style="padding-top: 14.33px;">
	            	<p id="treturned4Change" class="form-control-static">00.00</p>
	            </div>
	          </div>
	        </form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal" data-key="Esc">关闭</button>
	      </div>
	    </div>
	  </div>
	</div>
	<div class="modal" id="tipModal" role="dialog" aria-labelledby="tipLabel" data-backdrop="false" data-keyboard="false">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-body" style="overflow: hidden;">
	      	<div class="loading col-sm-2"></div>
	      	<div class="col-sm-10"><p class="form-control-static" style="font-size: 16px;line-height: 24px;">请稍候...</p></div>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- (ie兼容) 样式直接使用display:none 将无法打印iframe内容,打印的是顶层页面内容 -->
	<iframe id="printframe" style="width:0px;height:0px;border:0px;padding:0px;margin:0px;" src="${rc.contextPath}/v1.1/print"></iframe>
	<!--footer-->
	<div id="footer"><a href="./" style="margin-right:20px;">返回旧版</a>Copyright© 迈小众 <span style="padding-left:30px;">客服QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3101084438&site=qq&menu=yes" rel="nofollow"><img border="0" src="http://wpa.qq.com/pa?p=2:3101084438:50" alt="点击联系我们，QQ：3101084438" title="点击联系我们，QQ：3101084438"></a></span></div>
	<!--footer end-->
		
</div>
<!-- <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 --><script data-main="${rc.contextPath}/res/js/fieldSale_v1.1" src="${rc.contextPath}/res/js/require.js"></script>
</body>
</html>
